<template>
    <div>
        <el-tree class="tree" :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
    </div>    

</template>
<script>
export default {
    data() {
      return {
        data: [{
          label: '成员管理',
          children: [{
            label: '主持人管理'
          },
          {
            label: '婚庆公司管理'
          },
          {
            label: '新人管理'
          }]
        }, 
        {
          label: '成员订单中心',
          children: [{
            label: '主持人订单中心'
        }]
        }, 
        {
          label: '内容管理',
          children: [{
            label: 'banner管理'
        }, {
            label: '首页推荐管理'
        },
        {
            label: '底部文案、二维码设置'
        },
        {
            label: '合作伙伴管理'
        },
        {
            label: '加入团队介绍文案'
        },
        {
            label: '关于团队介绍文案'
        }]
        },
        {
          label: '其他管理',
          children: [{
            label: '管理员配置'
        }, {
            label: '主持人等级设置'
        },
         {
            label: '管理费记录'
        }]
        },],
        defaultProps: {
          children: 'children',
          label: 'label'
        }
      };
    },
    methods: {
      handleNodeClick(data) {
        console.log(data);
        if(data.$treeNodeId === 15){
            this.$router.push("/glypz")
        }else if(data.$treeNodeId === 2){
            this.$router.push("/zhrgl")
        }

      }
    }
  };
</script>
<style scoped>

.tree{
    width:220px;
    height: 100%;
}
</style>